<div id="toppanel">
	<div id="panel">
		<div class="fcontent clearfix">
		      </a>	<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="{__SERVER}/login" method="post">
					<h1>Đăng nhập</h1>
					<label class="grey" for="log">Tên đăng nhập</label>
					<input class="field" type="text" name="username" id="log" value="" size="23" />
					<label class="grey" for="pwd">Mật khẩu</label>
					<input class="field" type="password" name="password" id="pwd" size="23" />
	            	<label><input name="remmemberme" id="rememberme" type="checkbox" checked="checked" value="1" /> &nbsp;Ghi nhớ</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Đăng nhập" class="bt_login" />
					<a id="forgot" class="lost-pwd" href="#">Quên mật khẩu?</a>
				</form>
			</div>
           
			<div class="left right">			
				<!-- Register Form -->
				<form action="{__SERVER}/login/register" method="post" id="form">
					<h1>Đăng ký thành viên</h1>				
					<label class="grey" for="signup">Tên đăng nhập</label>
					<input class="field" type="text" name="username" id="signup" value="" size="23" />
					<label class="grey" for="email">Email:</label>
					<input class="field" type="text" name="email" id="email" size="23" />
                    <label class="grey" for="email">Mật khẩu</label>
					<input class="field" type="password" name="password" id="password" size="23" />
                    <label class="grey" for="email">Nhập lại mật khẩu</label>
					<input class="field" type="password" name="repassword" id="repassword" size="23"/>
					<input type="submit" name="submit" value="Đăng kí" class="bt_register" />
				</form>
			</div>

            <div id="right" class="left right" style="display: none;">
                <!-- Register Form -->
                <form action="{__SERVER}/login/forgot" method="post" id="form">
                    <h1>Quên mật khẩu</h1>
                    <label class="grey" for="email">Email:</label>
                    <input class="field" type="text" name="email" id="email" size="23" />
                    <input type="submit" name="submit" value="Gửi mật khẩu mới" class="bt_register" />
                </form>
            </div>
		</div>
    </div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="ftab">
		<ul class="login">
			<li>Xin chào <a href="#">Khách</a> !</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Đăng nhập | Đăng kí</a>
				<a id="close" style="display: none;" class="close" href="#">Đóng</a>			
			</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->

<script type="text/javascript">
    $("#forgot").click(function(){
         document.getElementById("right").style.display = "inline";
    })  ;
</script>
<script type="text/javascript">

    $("#form").validate({
        rules: {
            username: "required",
            email: "required",
            password: "required",
            repassword: "required",
            username: {
                required: true,
                minlength: 3
            },
            password: {
                required: true,
                minlength: 5
            },
            repassword: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            username: "Vui lòng nhập tên đăng nhập",
            username: {
                required: "Please enter a username",
                minlength: "Tên đăng nhập ít nhất 3 ký tự"
            },
            password: {
                required: "Vui lòng nhập mật khẩu",
                minlength: "Mật khẩu ít nhất 5 ký tự"
            },
            repassword: {
                required: "Vui lòng nhập mật khẩu",
                minlength: "Mật khẩu ít nhất 5 ký tự",
                equalTo: "Vui lòng nhập lại đúng mật khẩu"
            },
            email: "Vui lòng nhập đúng email",
        }
    });

</script>
